<template>
	<view class="container">
		<headerTop class="header">
		</headerTop>
		<image class="img1" src="/static/action/gongzhonghao1.png" mode=""></image>
		<image class="img2" src="/static/action/gongzhonghao2.png" mode=""></image>
		<image class="img3" @click="saveImg()" src="/static/action/gongzhonghao3.png" mode=""></image>
	</view>
</template>
<script>
	export default ({
		data() {
			return {}
		},
		methods: {
			saveImg() {
				uni.saveImageToPhotosAlbum({
					filePath: '/static/action/gongzhonghao2.png',
					success: (res) => {
						uni.showToast({
							title: '保存成功',
						})
					},
					fail: (res) => {
						uni.showToast({
							title: '保存失败',
							icon: 'none'
						})
					}
				})
			}
		}
	})
</script>
<style lang="less" scoped>
	.container {
		text-align: center;
		background: linear-gradient(rgba(254, 35, 55, 1), rgba(212, 0, 0, 1));
		height: 5400rpx;
		position: relative;

		.header {
			position: fixed;
			top: 0;
		}

		.img1 {
			margin-top: 120rpx;
			width: 100%;
			height: 5026rpx;
		}

		.img2 {
			width: 408rpx;
			height: 408rpx;
			position: absolute;
			left: 50%;
			bottom: 360rpx;
			transform: translateX(-50%);
			z-index: 9;
		}

		.img3 {
			width: 558rpx;
			height: 166rpx;
			position: absolute;
			left: 50%;
			bottom: 30rpx;
			transform: translateX(-50%);
		}
	}
</style>